<template>
  <div id="add">
    <div class="box">
      <div></div>
      <div>{{ minddletop }}</div>
      <div></div>
    </div>
  </div>
</template>

<script>
export default {
  props: ["minddletop"],
};
</script>


// 使用vm布局 跟rem类似
<style  scoped>
.box{
  width: 100%;
  height: 12.5vw;
  background: white;
  display: flex;
}
.box div{
  flex: 1;
  display: flex;
  /* 主轴对齐 */
  justify-content: center;
  /* 侧轴对齐 */
  align-self: center;
  font-size: 4.44vw;
}
</style>